<template>
  <div class="giving">
    <div class="giving_padding">
    <div class="giving_tit fs-14">{{cardInfo.content}}</div>
    <div class="giving_time fs-12">{{cardInfo.time}}</div>
    </div>
  </div>
</template>
<script>
export default {
  props: ['cardInfo'],
};
</script>
<style lang="less">
.giving{
  color: #fff;
  background: #B8463B;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 0.12rem;
  text-align: left;
  .giving_padding{
   padding: 0.16rem;
  }
  .giving_tit{
    padding-bottom: 0.05rem;
  }
}
</style>
